<!-- HTML5文档头 -->
<!DOCTYPE html>
<!-- lang="zh-cn"，此网页基本是中文内容 -->
<html lang="zh-cn">

	<head>
		<meta charset="utf-8" />
		<meta name="description" content="" />
		<meta name="keywords" content="" />
		<!-- 使用最新的IE兼容模式渲染此网页 -->
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<!-- 在双核浏览器下，默认使用webkit内核，由360浏览器提出 -->
		<meta name="renderer" content="webkit">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<!--<link rel="shortcut icon" href=""/>-->
		<!-- 强大的CSS Reset库 -->
		<link href="http://cdn.bootcss.com/normalize/5.0.0/normalize.css" rel="stylesheet">
		<link rel="stylesheet" href="fonts/font-awesome.min.css" />
		<link rel="stylesheet" href="dist/core.css">
		<!-- 让IE9以下的浏览器支持HTML5标签 -->
		<!--[if lt IE 9]>
        	<script src="http://cdn.bootcss.com/html5shiv/r29/html5.js"></script>
        	<script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
	</head>

	<body>
		<div class="site_wrapper">
			<div class="retruntop">
				<i class="fa  fa-angle-up"></i>
			</div>
			<header class="site_header">
				<div class="content">
					<nav class="nav">
						<ul id="navMenu" class="nav_menu">
							<li class="nav_toggle" id="toggleIcon">
								<i class="fa fa-align-justify"></i>
								<i class="fa fa-close"></i>
							</li>
							<li class="signin_toggle" id="signinIcon">
								<i class="fa fa-user"></i>
							</li>
							<li class="home_logo">
								<img src="img/site_logo.png" />
							</li>
						</ul>
						<ul id="navList" class="nav_list">
							<li class="header_logo">
								<img src="img/site_logo.png" />
							</li>
							<li class="item">
								<a href="index.html">HOME</a>
							</li>
							<li class="item">
								<a href="about-church.html">ABOUT THE CHURCH</a>
							</li>
							<li class="item">
								<div class="inner-list">
									<a href="latest-news.html">LATEST NEWS</a>
									<ul class="item-inner">
										<li>
											<a href="latest-news-nav.html">NEWSNAV</a>
										</li>
									</ul>
								</div>
							</li>
							<li class="item">
								<div class="inner-list">
									<a href="sermons.html">SERMONS</a>
									<ul class="item-inner">
										<li>
											<a href="latest-sermons.html">SERINTRO</a>
										</li>
									</ul>
								</div>
							</li>
							<li class="item">
								<div class="inner-list">
									<a href="events.html">EVENTS</a>
									<ul class="item-inner">
										<li>
											<a href="events2.html">RECOM</a>
										</li>
									</ul>
								</div>
							</li>
							<li class="item item-inner-list">
								<div class="inner-list">
									<a href="medla-gallery.html" class="current">MEDIA GALLERY</a>
									<ul class="item-inner">
										<li>
											<a href="medla-gallery-nav.html">GALNAV</a>
										</li>
									</ul>
								</div>
							</li>
							<li class="item">
								<a href="contactus.html">CONTACT US</a>
							</li>
							<li class="list_down">
								<a>
									<i class="fa fa-list"></i>
									<i class="fa fa-caret-down"></i>
								</a>
								<ul>
									<li>
										<a href="javaScript:;">LOGIN</a>
									</li>
									<li>
										<a href="javaScript:;">REGISTER</a>
									</li>
								</ul>
							</li>
						</ul>
					</nav>
				</div>
			</header>
			<section class="site_container clearfix">
				<div class="content">
					<section class="mg-banner">
					</section>
					<section class="mg1-search">
						<div class="search-notice clearfix">
							<div class="notice-title fl">
								<h2>This Is An Example Of An Image Gallery</h2>
								<h3>written by 
									<a href="#"><i>dany duchaine</i></a>
									 &nbsp;in 
									<a href="#"><i> events</i></a>
								</h3>
							</div>
							<div class="notice-search fr clearfix sermons-search">
								<span><i class="fa fa-search"></i></span>
								<input type="text" placeholder="SEARCH THE SITE" />
							</div>
						</div>
					</section>
					<section class="mg2-article clearfix">
						<div class="mg2-article-left fl">
							<div class="mg2-left-container clearfix">
								<div class="mg1-search">
									<div class="search-notice clearfix">
										<div class="notice-item1 fl"></div>
										<div class="notice-item2 fl">
											<div class="time-list">
												<h2>SEP</h2>
												<h3>21st</h3>
											</div>
										</div>
										<div class="notice-title fl">
											<h2>This Is An Example Of An Image Gallery</h2>
											<h3>written by 
												<a href="#"><i>dany duchaine</i></a>
												 &nbsp;in 
												<a href="#"><i> events</i></a>
											</h3>
										</div>
									</div>
									<div class="serarch-items">
										<p>In this article I'd like to discuss the changes happening on the Web and argue that its future is not as problematic and endangered as a lot of</p>
										<p class="items-top">people make it out to be. The article is based on the talk.</p>
									</div>
									<div class="search-view">
										<div class="view-item">
											VIEW GALLERY
										</div>
									</div>
									<hr></hr>
								</div>
								<div class="mg1-search">
									<div class="search-notice clearfix">
										<div class="notice-item1 fl"></div>
										<div class="notice-item2 fl">
											<div class="time-list">
												<h2>SEP</h2>
												<h3>21st</h3>
											</div>
										</div>
										<div class="notice-title fl">
											<h2>This Is An Example Of An Image Gallery</h2>
											<h3>written by 
												<a href="#"><i>dany duchaine</i></a>
												 &nbsp;in 
												<a href="#"><i> events</i></a>
											</h3>
										</div>
									</div>
									<div class="serarch-items">
										<p>In this article I'd like to discuss the changes happening on the Web and argue that its future is not as problematic and endangered as a lot of</p>
										<p class="items-top">people make it out to be. The article is based on the talk.</p>
									</div>
									<div class="search-view">
										<div class="view-item">
											VIEW GALLERY
										</div>
									</div>
									<hr></hr>
								</div>
								<div class="mg1-search">
									<div class="search-notice clearfix">
										<div class="notice-item1 fl"></div>
										<div class="notice-item2 fl">
											<div class="time-list">
												<h2>SEP</h2>
												<h3>21st</h3>
											</div>
										</div>
										<div class="notice-title fl">
											<h2>This Is An Example Of An Image Gallery</h2>
											<h3>written by 
												<a href="#"><i>dany duchaine</i></a>
												 &nbsp;in 
												<a href="#"><i> events</i></a>
											</h3>
										</div>
									</div>
									<div class="serarch-items">
										<p>In this article I'd like to discuss the changes happening on the Web and argue that its future is not as problematic and endangered as a lot of</p>

										<p class="items-top">people make it out to be. The article is based on the talk.</p>
									</div>
									<div class="search-view">
										<div class="view-item">VIEW GALLERY</div>
									</div>
									<hr></hr>
								</div>
								<div class="pages">
									<ul class="page-down-list clearfix">
										<li class="page-down ">
											<a href="medla-gallery2.html" class="page-down-active">1</a>
										</li>
										<li class="page-down">
											<a href="medla-gallery.html">2</a>
										</li>
										<li class="page-down">
											<a href="#">3</a>
										</li>
										<li class="page-down">
											<a href="#">4</a>
										</li>
										<li class="page-down">
											<a href="#">5</a>
										</li>
										<li class="page-down">
											<a href="#">6</a>
										</li>
										<li class="page-down">
											<a href="#">7</a>
										</li>
										<li class="page-down">
											<a href="#">8</a>
										</li>
									</ul>
								</div>
							</div>
						</div>
					</section>
				</div>
			</section>
			<footer class="site_footer ">
				<section class="footer_wrapper clearfix">
					<div class="content  clearfix">
						<div class="footer-inner clearfix">
							<div class="inner-left  clearfix">
								<div class="service-wrapper fl">
									<div class="service service-time">
										<h2 class="title">
										<i class="fa fa-clock-o"></i>
										CHURCH SERVICES
									</h2>
										<p class="time">SUNDAY-10:00 AM</p>
										<p class="time">3:00 PM</p>
										<p class="time">6:00 PM</p>
									</div>
									<div class="service service-location">
										<h2 class="title">
										<i class="fa fa-map-marker"></i>
										OUR LOCATION
									</h2>
										<p class="time">237 WEST 51ST ST.</p>
										<p class="time">NEW YORK,NY 10019</p>
									</div>
								</div>
								<div class="theme-pic fl">
									<h2 class="title">CHURCH SERVICES</h2>
									<div class="img">
										<div class="img-circle">
											<img src="img/church-sermons_2.jpeg"/>
										</div>
									</div>
								</div>
							</div>
							<div class="inner-right clearfix">
								<p>
									Under the Lordship of Jesus Christ, we therefore endeavour to establish communities not only in Montreal but also beyong,where people can have opportunities to enter into living.
								</p>
								<p class="plan">
									Escape is not his plan. I must face him,alone.She must have hidden the plans in the escape pod.Send a detachment down to retrieve them,and see to it.
								</p>
							</div>
						</div>
					</div>
				</section>
				<section class="copyright_wrapper">
					<div class="content   clearfix">
						<div class="copyright clearfix">
							<div class="copyright-left fl">
								COPYRIGHT © THE GOOD NEWS2012,ALL RIGHT RESERVED.
							</div>
							<div class="copyright-right fr">
								DESIGNED WITH LOVE BY
								<a href="#">DANY DUCHAINE</a>
							</div>
						</div>
					</div>
				</section>
			</footer>
		</div>
		<script src="vendor/jquery.min.js"></script>
		<script src="vendor/jquery.rotate.min.js"></script>
		<script src="dist/core.js"></script>
		<script>
			$(function() {
				var common = commonjs();
				common.test();
			})
		</script>

	</body>

</html>
